<template>
  <div class="intro">
    <div class="wrapper">
      <category/>
    </div>
    <div>

    </div>
  </div>
</template>

<script>
import carousel from "~/components/intro/carousel";
import recommend from "~/components/intro/recommend";
import user from "~/components/intro/user";
import category from "./category";

export default {
  name: "index",
  components: {
    carousel,
    recommend,
    user,
    category,

  }
}
</script>

<style lang="scss" scoped>
//.intro {
//  color: #999;
//  height: 450px;
//
//  .wrapper {
//    margin: 0 auto;
//    width: 1046px;
//
//    .el-row:nth-child(1) {
//      .el-col:nth-child(1) {
//        margin-top: 122px;
//        margin-left: 100px;
//      }
//    }
//  }
//
//
//}
</style>
